<template>
	<view class="pro_content">
		<view class="img_warp">
			<image :src="URLimg+item.goods_image" mode="aspectFill" style="width: 100%;height: 1005;"></image>
		</view>
		<view class="pro_word">
			<view class="pro_name">
				{{item.goods_name}}
			</view>
			<view class="">
				<view class="pro_total" v-if="type!='end'">
					{{item.stock?"库存："+item.stock:"库存：0"}}
				</view>
				<view class="pro_price_num">
					<view class="pro_price">
						{{"￥"+item.goods_price}}
					</view>
					<view class="pro_num">
						{{"×"+item.num}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "product_item_num_int",
		props: {
			item: {
				type: Object,
				default: () => {}
			},
			type: {
				type: String,
				default: "load"
			},
		},
		data() {
			return {
				value: 0,
				URLimg: this.apifun.URLimg
			};
		}
	}
</script>

<style lang="scss" scoped>
	/deep/ .u-number-box__minus {
		width: 50rpx !important;
		height: 42rpx !important;
	}

	/deep/ .u-number-box__input {
		width: 45rpx !important;
	}

	/deep/ .u-number-box__plus {
		width: 50rpx !important;
		height: 42rpx !important;
	}

	.pro_name {
		font-size: 30rpx;
		color: #333333;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.pro_total {
		font-size: 24rpx;
		color: #666666;
	}

	.pro_num {
		font-size: 26rpx;
		color: #666666;
	}

	.pro_price {
		font-size: 36rpx;
		color: #D31E11;
	}

	.pro_price_num {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.pro_word {
		width: 400rpx;
		height: 200rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.img_warp {
		width: 216rpx;
		height: 216rpx;
		border-radius: 20rpx;
		overflow: hidden;
	}

	.pro_content {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
</style>